<template>
  <div>
    <div class="detail">
      <p>接受的query参数:::::{{ $route.query.a }}------{{ $route.query.b }}</p>
      <p>
        接受的params参数::::{{ $route.params.id }}---{{ $route.params.name }}
      </p>
    </div>
  </div>
</template>

<script>
export default {
  name: "",
  mounted(){
    console.log('路由',this.$route);
  }
};
</script>

<style scoped lang="less">
.detail {
  width: 300px;
  height: 200px;
  background: skyblue;
  p {
    color: white;
  }
}
</style>
